<HTML>
<HEAD>
<TITLE>Metoda document.createStyleSheet()</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function addStyle1() {
    var newStyle = document.createStyleSheet()
    newStyle.addRule("P", "font-size:16pt; color:red")
}

function addStyle2() {
    var newStyle = document.createStyleSheet("lst18-13.css",0)
}
</SCRIPT>
</HEAD>

<BODY>
<H1>Metoda document.createStyleSheet()</H1>
<HR>
<FORM>
<INPUT TYPE="button" VALUE="Dodaj zewntrzny arkusz stylw" 
onClick="addStyle1()">&nbsp;<br>
<INPUT TYPE="button" VALUE="Dodaj wewntrzny arkusz stylw" onClick="addStyle2()">
</FORM>
<H2>Fragment 1</H2>
<P>Lorem ipsum dolor sit amet, consectetaur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
Ut enim adminim veniam, quis nostrud exercitation ullamco laboris 
nisi ut aliquip ex ea commodo consequat.</P>
<H2>Fragment 2</H2>
<P>Duis aute irure dolor in reprehenderit involuptate velit esse 
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat 
cupidatat non proident, sunt in culpa qui officia deseruntmollit 
anim id est laborum.</P>
</BODY>
</HTML>